<#import "/spring.ftl" as spring/>
<#assign xhtmlCompliant = true in spring>

<head>
    <link type="text/css" rel="stylesheet" href="${rc.contextPath}/styles/default.css" />    
    <link type="text/css" rel="stylesheet" href="${rc.contextPath}/styles/home/default.css" />
    <link type="text/css" rel="stylesheet" href="${rc.contextPath}/styles/floatpopup.css" />
    <link type="text/css" rel="stylesheet" href="${rc.contextPath}/styles/fancybox/jquery.fancybox-1.3.1.css" />
    
    <script type="text/javascript" src="${rc.contextPath}/scripts/jquery-1.4.2.min.js"></script>     
    <script type="text/javascript" src="${rc.contextPath}/scripts/jquery.ui.core.min.js"></script>
	<script type="text/javascript" src="${rc.contextPath}/scripts/jquery.ui.widget.min.js"></script>   
    <script type="text/javascript" src="${rc.contextPath}/scripts/jquery.ui.button.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/scripts/jquery.custom.select.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/scripts/jquery.nonajax.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/scripts/easySlider1.7.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/scripts/jquery.fancybox-1.3.1.js"></script>
    
    <script type="text/javascript" src="${rc.contextPath}/dwr/interface/UserManagerExt.js"></script>
	<script type="text/javascript" src="${rc.contextPath}/dwr/engine.js"></script>    
    <script type="text/javascript" src="${rc.contextPath}/scripts/util.js"></script> 
    <script type="text/javascript" src="${rc.contextPath}/scripts/common.js"></script> 
    <script type="text/javascript" src="${rc.contextPath}/scripts/page.index.js"></script>
    
    <#if RequestParameters['step2']?exists>
    	<script type="text/javascript">
    		jQuery(function(){
    			$("#next_step_two").click();
    		});
    	</script>    
    </#if>        
</head>

<form id="form1">
    <div class="home">
        <div class="home_header" align="center">     
            <div class="home_main main">
                <div class="logo">
                    <a href="http://www.igoal.vn" title="Chia sẻ mục tiêu của bạn">
                        <img src="images/logo.png" width="173" height="64" alt="IGoal Logo" />
                    </a>
                    <label title="Hãy cùng nhau đi đến thành công!">Chia sẻ mục tiêu của bạn</label>
                </div>
                
                <div class="slide">
                    <div class="slideMain">						
                        <div class="slideStep slide_home main">
                            <div class="register">                    
								<label>Bạn đã sẵn sàng tham gia vào <b>iGoal</b> chưa?</label>    
                                <input type="text" id="txtUserName" />
                                <a href="javascript:void(0);" title="Đăng ký" id="next_step_two">Đăng ký</a>
                                <!--label>Đăng ký iGoal chỉ mất 3 giây. Tham gia ngay!</label>
                                <span>
                                    Sử dụng tài khoản <b>Facebook.</b><br />
                                    <img src="images/home/remove.png" alt="faceBook" style=" padding-top:7px; " />                   
                                </span>   -->                         
                            </div>
                            <div class="login">
                            	<u></u><i></i>
                                <h1>Ngay trong lúc này, <b>mục tiêu</b> quan trọng nhất trong cuộc đời bạn là gì?</h1>
                                <p>Trong cuộc sống đôi khi bạn mất phương hướng, không biết mình đang và sẽ làm gì, 
                                <strong>"đặt cho mình một mục tiêu"</strong> 
                                là cách tốt nhất để bạn luôn cảm thấy cuộc sống này có ý nghĩa, 
                                có điểm đến để bạn muốn vươn tới...hãy chia sẻ cùng iGoal!</p>
                                <a id="showLoginDialog" href="#loginDialog" title="Đăng nhập">Đăng nhập</a>
                            </div>
                            <a id="next_step_two_btn" class="nextStep" href="javascript:void(0);" title="Di chuyển đến phần 'Đăng Ký'">Di chuyển đến phần "Đăng Ký"</a>
                        </div>
                        <div class="slideStep slide_information main">
                            <div class="note">
                                <h3>THÔNG TIN CÁ NHÂN CỦA BẠN</h3>
                                <p>Hãy chắc chắn những thông tin bạn điền dưới đây là chính xác. Chúng sẽ là cơ sở để xác định bạn sẽ là thành viên của iGoal.</p>
                                <div>
                                    <div></div>
                                </div>
                            </div>
                            <div class="user_information">
                                <label class="info_account_name">TÀI KHOẢN</label>
                                <span class="pass_info_account"></span>
                               <!-- <span class="pass_info_account" style="display:none;"><img src="images/ajaxloading.gif" /></span>-->
                                <input type="text" id="txtAccountName" class="info_account" onblur="checkaccount('1');"  />
                                <label class="info_account_email">EMAIL CỦA BẠN</label>
                                <span class="pass_info_email"></span>
                               <!-- <span class="pass_info_email" style="display:none;"><img src="images/ajaxloading.gif" /></span>-->
                                <input type="text" class="info_email" onblur="checkaccount('2');"  />                                
                                <label class="info_account_password">MẬT KHẨU <i>(Tối thiểu 6 ký tự)</i></label>
                                <span class="pass_info_account_password"></span>
                                <!--<span class="pass_info_account_password" style="display:none;"><img src="images/ajaxloading.gif" /></span>-->
                                <input type="password" class="info_password" onblur="checkaccount('3');" />                                                            
                            </div>
                            <div style="display:none" class="validate">
                                <dl>
                                    <dt>
                                        <label>Error</label>
                                        <span id="spErr"> Tài khoản của bạn đã được sử dụng. Hãy sử dụng tên khác.</span>
                                        
                                        <div class="clear"></div>
                                    </dt>
                                    <dd></dd>
                                </dl>                               
                            </div>
                            <a id="next_step_three" class="continue" href="javascript:void(0);" title="Tiếp tục">Tiếp tục</a>                        
                            <a id="next_step_three_btn" href="javascript:void(0);" class="preStep preStep2_next" title="Tiếp tục">Tiếp tục</a>
                            <a href="javascript:void(0);" id="preStep2" class="preStep preStep2_pre" title="Lùi lại">Lùi lại</a>                        
                        </div> 
                        <div class="slideStep slide_information main">
                            <div class="note">
                                <h3>THÔNG TIN CÁ NHÂN CỦA BẠN</h3>
                                <p>Hãy chắc chắn những thông tin bạn điền dưới đây là chính xác. Chúng sẽ là cơ sở để xác định bạn sẽ là thành viên của iGoal.</p>
                                <div>
                                    <div></div>
                                </div>
                            </div>
                            <div class="user_information_next_step">
                                <div class="gender">
                                    <label>GIỚI TÍNH</label>
                                    <dl>
                                        <dd>
                                            <a class="male" href="javascript:checkgender('male');">Nam</a>
                                        </dd>
                                        <dt>
                                            <a href="javascript:checkgender('female');">Nữ</a>
                                        </dt>
                                    </dl>
                                </div>
                                <div class="birth_day">
                                    <label>NGÀY THÁNG NĂM SINH</label>
                                    
                                    <dl>
                                        <dd class="date">                                                                                
                                            <select id="day" class="home_day">
	                                            <option value="1">1</option>
	                                            <option value="2">2</option>
	                                            <option value="3">3</option>
	                                            <option value="4">4</option>
	                                            <option value="5">5</option>
	                                            <option value="6">6</option>
	                                            <option value="7">7</option>
	                                            <option value="8">8</option>
	                                            <option value="9">9</option>
	                                            <option value="10">10</option>
	                                            <option value="11">11</option>
	                                            <option value="12">12</option>
	                                            <option value="13">13</option>
	                                            <option value="14">14</option>
	                                            <option value="15">15</option>
	                                            <option value="16">16</option>
	                                            <option value="17">17</option>
	                                            <option value="18">18</option>
	                                            <option value="19">19</option>
	                                            <option value="20">20</option>
	                                            <option value="21">21</option>
	                                            <option value="22">22</option>
	                                            <option value="23">23</option>
	                                            <option value="24">24</option>
	                                            <option value="25">25</option>
	                                            <option value="26">26</option>
	                                            <option value="27">27</option>
	                                            <option value="28">28</option>
	                                            <option value="29">29</option>
	                                            <option value="30">30</option>
	                                            <option value="31">31</option>
                                            </select>                                   
                                        </dd>
                                    
                                        <dd class="month">                                                                                
                                            <select id="month" class="home_month">
                                                <option value="1" selected="selected">Tháng 1</option>
                                                <option value="2">Tháng 2</option>
                                                <option value="3">Tháng 3</option>
                                                <option value="4">Tháng 4</option>
                                                <option value="5">Tháng 5</option>
                                                <option value="6">Tháng 6</option>
                                                <option value="7">Tháng 7</option>
                                                <option value="8">Tháng 8</option>
                                                <option value="9">Tháng 9</option>
                                                <option value="10">Tháng 10</option>
                                                <option value="11">Tháng 11</option>
                                                <option value="12">Tháng 12</option>	
                                            </select>                                      
                                        </dd>
                                    
                                        <dd class="year">                                                                                
                                            <select id="year" class="home_year">
                                            	<#assign x=1998>
												<#list x..1945 as i>
												  <option value="${i}">${i}</option>
												</#list>  
                                            </select>                                        
                                        </dd>
                                    </dl>
                                        
                                </div>
                                <div class="alert">
                                    <b>CHÚ Ý</b>
                                    <dl>
                                        <dd>
                                            <input type="checkbox" id="check" /><label class="checkbox_active" for="check">Tôi đã đọc và đồng ý với <a href="/viewPage.html?page=term">các quy định</a> của <strong>iGoal</strong>.</label>                                           
                                          </dd>
                                        <dt></dt>
                                    </dl>
                                </div>                            
                            </div>
                            <a class="finish" href="javascript:register();" title="Hoàn thành">Hoàn thành</a>
                            <a href="javascript:void(0);" id="preStep3" class="preStep preStep3_pre">Lùi lại</a>
                        </div>
                        <div class="slideStep slideLogin">                        	
							<div class="loginBox">
								<span class="loclIcon"></span>
								<div class="popup1 loginHome">									
									<h3>Đăng nhập</h3>
									<input id="login_username" type="text" name="j_username" onblur="if(this.value == ''){this.value='tài khoản...'}"
													onfocus="if(this.value == 'tài khoản...'){this.value=''}" value="tài khoản..." />
									<input id="login_password" type="password" name="j_password" onblur="if(this.value == ''){this.value='mật khẩu...'}"
													onfocus="if(this.value == 'mật khẩu...'){this.value=''}" value="mật khẩu..." />
									<div class="loginCheckControl">
										<input type="checkbox" id="login_remember" name="_spring_security_remember_me"/><label for="login_remember">Lưu mật khẩu trên máy</label>
										<span>|</span>
										<a href="forgotPassword.html">Quên mật khẩu ?</a>
										<div class="clear"></div>
									</div>
									<input id="log_me_in" type="button" value="Đăng nhập" style="cursor:pointer" />						
								</div>								
							</div>							
							<a href="javascript:void(0);" id="frist_step" class="preStep preStep2_next" title="Lùi lại">Lùi lại</a>
						</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="home_table" align="center">
            <div class="main">
                <ul>
                    <li>
                        <label class="group1"></label>
                        <h2 title="Cộng đồng iGoal"><a href="/viewPage.html?page=aboutUs">Cộng đồng iGoal</a></h2>
                        <p>Nơi chia sẻ những mục tiêu của bản thân, lưu giữ những quá trình thực hiện mục tiêu đó.</p>
                    </li>
                    <li>
                        <label class="group2"></label>
                        <h2 title="Đi lên hay đi xuống ?"><a href="">Đi lên hay đi xuống ?</a></h2>
                        <p>Công việc, học tập của bạn có đi lên hay đi xuống chính là do ở bạn. Bạn có xác định những mục tiêu cho mình hay không.</p>
                    </li>
                    <li>
                        <label class="group3"></label>
                        <h2 title="Kim chỉ nam"><a href="">Kim chỉ nam</a></h2>
                        <p>iGoal sẽ là kim chỉ nam cho những mục tiêu của bạn và iGoal luôn sát cánh bên những mục tiêu đó !</p>
                    </li>
                </ul>
                <a href="javascript:void(0);" class="btn_use" title="Tìm hiểu iGoal">Tìm hiểu về iGoal</a>
                <div class="clear"></div>
            </div>        
        </div>
        <div class="home_footer" align="center">
            <div class="main">
                <div class="min_logo">
                    <a   href="http://www.igoal.vn" title="Chia sẻ mục tiêu của bạn">
                        <img src="images/min_logo.png" width="76" height="26" alt="iGoal Logo" />
                    </a>
                    <label title="Hãy cùng nhau đi đến thành công!">Chia sẻ mục tiêu của bạn</label>
                </div>
                <ul>
                    <li><a href="/viewPage.html?page=aboutUs" title="iGoal.vn">iGoal.vn</a></li>
	                <li><a href="/viewPage.html?page=term" title="Thỏa thuận sử dụng">Thỏa thuận sử dụng</a></li>
	                <li><a href="/viewPage.html?page=privacy" title="Bảo vệ riêng tư">Bảo vệ riêng tư</a></li>
	                <!--li><a href="" title="Đăng quảng cáo">Đăng quảng cáo</a></li-->
	                <li class="last"><a href="/viewPage.html?page=contactUs" title="Liên hệ">Liên hệ</a></li>                                 
                </ul>
                <span>
                    Copyright © 2009 iGoal.vn<br />
                  
                </span>
            </div>
        </div>
    </div>
   
</form>
<input type="hidden" id="hidGender" value="true" />
<style>
	#fancybox-outer{background:none !important}
	#fancybox-close{top:-4px;right:-4px;}
</style>
<!-- BEGIN - login popup window -->
<!--div style="display: none">
	<form id="login_form" action="/j_spring_security_check" method="post">
	<div id="loginDialog" class="popup1">
		<div class="icon_1 lock"></div>
		<h3>Đăng nhập</h3>
		<input id="login_username" type="text" name="j_username" onblur="if(this.value == ''){this.value='tài khoản...'}"
	                    onfocus="if(this.value == 'tài khoản...'){this.value=''}" value="tài khoản..." />
	    <input id="login_password" type="password" name="j_password" onblur="if(this.value == ''){this.value='mật khẩu...'}"
	                    onfocus="if(this.value == 'mật khẩu...'){this.value=''}" value="mật khẩu..." />
		<div class="loginCheckControl">
			<input type="checkbox" id="login_remember" name="_spring_security_remember_me"/><label for="login_remember">Lưu mật khẩu trên máy</label>
			<span>|</span>
			<a href="forgotPassword.html">Quên mật khẩu ?</a>
			<div class="clear"></div>
		</div>
		<input id="log_me_in" type="button" value="Đăng nhập" style="cursor:pointer" />
	</div>
	</form>
</div-->
<!-- END - login popup window -->